import React from 'react';
import { useEffect } from 'react';
import { Button, Checkbox, Form, Input ,Card } from 'antd';
import axios from 'axios';


function Edit(props) {
    const { TextArea } = Input;
    // 表单方法
    // 点击确定实调用的方法
    useEffect(()=>{
        console.log("props",props)
    },[])
    const onFinish = (values) => {
      };
      const onFinishFailed = (errorInfo) => {
        console.log('Failed:', errorInfo);
      };
    return (
        <div className='edit'>
            <Card
            
            style={{
                width: 400,
            }}
            >
                请假人<Input  value ={props.item.name}/>
                请假事由<Input  value ={props.item.reason}/>
                开始时间<Input value={props.item.start} />
                结束时间<Input value={props.item.end} />
                
                <Form.Item label="请假内容">
                    <TextArea rows={4}  value={props.item.text}/>
                </Form.Item>

            </Card>
            
    
        </div>
    );
}

export default Edit;